我有一个容器，其中包含可变数量的元素。元素应该对齐，但之间有一个固定空间(例如20px)。这意味着每个元素的宽度都必须适应。例如这个:HTMLCSSdiv.container{text-align:justify;}div.containerdiv{display:inline-block;margin-right:20px;}div.containerdivimg{width:100%;}最后它应该是这样的(这张图显示了两个例子:2个元素和3个元素；宽度是动态的但空间固定[20px]):它应该适用于不同数量的子元素。有专业的方法可以用CSS做到这一点吗？编辑:我应该提到这个修复空间是

因此，我正在使用以下代码初始化一个zingChart。barChartData="type":"bar""series":["values":[11,16,7,-14,11,24,-42,26,]]$("#performance-bar-chart").zingchart(data:barChartData)条形图呈现正确，但宽度似乎与父div相差不大。我检查过是否有任何设置高度和宽度但没有设置。当我在页面上放大或缩小(ctrl+鼠标滚动)时，图表会自动扩展以填充父div!谢谢， 最佳答案 要解决您的问题(宽度突然改变)，您应该使用

因此，我正在使用以下代码初始化一个zingChart。barChartData="type":"bar""series":["values":[11,16,7,-14,11,24,-42,26,]]$("#performance-bar-chart").zingchart(data:barChartData)条形图呈现正确，但宽度似乎与父div相差不大。我检查过是否有任何设置高度和宽度但没有设置。当我在页面上放大或缩小(ctrl+鼠标滚动)时，图表会自动扩展以填充父div!谢谢， 最佳答案 要解决您的问题(宽度突然改变)，您应该使用

我刚刚开始使用MaterialDesignLite。我想改变抽屉的宽度。我尝试过的是这些方面的东西:.mdl-layout__drawer{width:25%;}这导致抽屉与内容区域重叠。我该如何解决这个问题？ 最佳答案 抽屉是一个绝对组件，位于其父容器中定义的左侧位置。当您改变它的宽度时，您也需要改变它的位置。这是宽度为500px的css唯一解决方案-.mdl-layout__drawer{width:500px;left:-250px;}.mdl-layout__drawer.is-visible{left:0;}这是一个代码笔

我刚刚开始使用MaterialDesignLite。我想改变抽屉的宽度。我尝试过的是这些方面的东西:.mdl-layout__drawer{width:25%;}这导致抽屉与内容区域重叠。我该如何解决这个问题？ 最佳答案 抽屉是一个绝对组件，位于其父容器中定义的左侧位置。当您改变它的宽度时，您也需要改变它的位置。这是宽度为500px的css唯一解决方案-.mdl-layout__drawer{width:500px;left:-250px;}.mdl-layout__drawer.is-visible{left:0;}这是一个代码笔

我遇到了一个问题，当视口(viewport)缩小到小于为我的某些元素指定的尺寸时，背景颜色会出现意外行为。虽然滚动条显示正确，但背景不是我所期望的。当视口(viewport)与预期一样大或更大时，背景会按预期运行。当用Firebug检查页面元素时，似乎body元素没有拉伸(stretch)，即使它里面的内容是。是什么导致背景出现这种行为？我已经提供了我认为相关的html和CSS，但如果我遗漏了什么，请告诉我。缩小视口(viewport)示例放大的视口(viewport)示例CSShtml{background:#A37C45;}body{background:#55688Aurl(".

我遇到了一个问题，当视口(viewport)缩小到小于为我的某些元素指定的尺寸时，背景颜色会出现意外行为。虽然滚动条显示正确，但背景不是我所期望的。当视口(viewport)与预期一样大或更大时，背景会按预期运行。当用Firebug检查页面元素时，似乎body元素没有拉伸(stretch)，即使它里面的内容是。是什么导致背景出现这种行为？我已经提供了我认为相关的html和CSS，但如果我遗漏了什么，请告诉我。缩小视口(viewport)示例放大的视口(viewport)示例CSShtml{background:#A37C45;}body{background:#55688Aurl(".

我有一个包含DIV和TABLE的页面。DIV是我的标题，即使显示水平滚动条，我也希望它的宽度为100%。由于某种原因，它只占用100%的可见窗口。我的HTML代码是:100%DIVVery_Long_Header_1Very_Long_Header_2Very_Long_Header_3当我向右滚动时，DIV没有使用所有宽度:如何让DIV占据页面宽度的100%？理想情况下，我不想更改TABLE，因为它是生成的代码。 最佳答案 没有办法(完全动态地——不固定任何宽度——并且使用纯CSS——没有JavaScript)让block级元素通

我有一个包含DIV和TABLE的页面。DIV是我的标题，即使显示水平滚动条，我也希望它的宽度为100%。由于某种原因，它只占用100%的可见窗口。我的HTML代码是:100%DIVVery_Long_Header_1Very_Long_Header_2Very_Long_Header_3当我向右滚动时，DIV没有使用所有宽度:如何让DIV占据页面宽度的100%？理想情况下，我不想更改TABLE，因为它是生成的代码。 最佳答案 没有办法(完全动态地——不固定任何宽度——并且使用纯CSS——没有JavaScript)让block级元素通

我需要一张图片来调整到我网页的整个宽度。这适用于以下HTML/CSS:#logo{position:fixed;top:0;left:0;min-width:100%;z-index:3;opacity:.8;}但是W3C验证将此视为错误。“元素img上属性宽度的错误值100%:需要一个数字，但看到的却是%。”我试过这个替代方案，但现在图像当然没有调整大小:如何在通过W3C验证的同时保持相同的效果？这是我整个页面上唯一的错误，我知道这并不重要，但肯定有一个我忽略的解决方案。 最佳答案 请使用以下代码以便您获得W3C验证(或)